import React from "react";
import { useNavigate } from "react-router-dom";
import "./index.css";
const Index: React.FC = () => {
  const navigate = useNavigate();
  return (
    <div>
      <div className="ConsultationAndConsultation">
        <div className="ConsultationAndConsultationTop">
          <div>问诊咨询</div>
        </div>
        <div
          className="ConsultationAndConsultationButton"
          onClick={() => navigate("/commonsymptoms")}
        >
          <div className="TopConsultationAndConsultationButton">
            <div>
              <dl>
                <dt>
                  <img src="https://shitu-query-bj.bj.bcebos.com/2024-05-21/19/c5654dc48e0e57a4?authorization=bce-auth-v1%2F7e22d8caf5af46cc9310f1e3021709f3%2F2024-05-21T11%3A01%3A39Z%2F300%2Fhost%2Fa5981e7f5398f1ff1f2c7d97d4570207c46bb796e49e3d335c3fe5a3adc21209" />
                </dt>
                <dd>内科</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>
                  <img src="http://mms2.baidu.com/it/u=2526282976,3375213813&fm=253&app=120&f=PNG?w=522&h=551" />
                </dt>
                <dd>眼科</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>
                  <img src="http://mms0.baidu.com/it/u=3240125778,574758437&fm=253&app=138&f=JPEG?w=250&h=267" />
                </dt>
                <dd>骨科</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>
                  <img src="https://mms1.baidu.com/it/u=324466327,2878057018&fm=253&app=120&f=JPEG?w=603&h=500" />
                </dt>
                <dd>小儿科</dd>
              </dl>
            </div>
          </div>
          <div className="BtnConsultationAndConsultationButton">
            <div>
              <dl>
                <dt>
                  <img src="http://10.59.9.18/images/health/department_pic/crbk.jpg" />
                </dt>
                <dd>传染病科</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>
                  <img src="http://10.59.9.18/images/health/department_pic/pfk.jpg" />
                </dt>
                <dd>皮肤科</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>
                  <img src="http://mms2.baidu.com/it/u=956683986,1318648180&fm=253&app=120&f=JPEG?w=752&h=500" />
                </dt>
                <dd>耳鼻喉科</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>
                  <img src="http://mms1.baidu.com/it/u=1698154006,3881523515&fm=253&app=138&f=JPEG?w=250&h=188" />
                </dt>
                <dd>精神病科</dd>
              </dl>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};
export default Index;
